<%@include file="/pages/include/tag_include.jsp"%>
<%@include file="/pages/include/base_context.jsp"%>
<div class="container">
    <%@include file="/pages/include/message_display_include.jsp"%>

    <form class="form-horizontal" method="POST" action='<s:url value="/event/save.do"/>?id=<s:property value="%{form.event.id}"/>'>
        <input type="hidden" name="form.event.id" value="<s:property value="%{form.event.id}"/>" />
        <input type="hidden" name="form.event.conferenceId" value="<s:property value="%{form.event.conferenceId}"/>" />
        <div class="control-group">
            <label class="control-label" for="inputDescription">Description</label>
            <div class="controls">
                <input type="text" name="form.event.name" value='<s:property value="%{form.event.name}"/>' id="inputDescription" placeholder="Description">
            </div>
        </div>
        <div class="control-group">
            <label class="control-label" for="inputTopic">Topic</label>
            <div class="controls">
                <input type="text" name="form.event.topic" value='<s:property value="%{form.event.topic}"/>' id="inputTopic" placeholder="Topic">
            </div>
        </div>
        <div class="control-group">
            <label class="control-label" for="inputLocation">Location</label>
            <div class="controls">
                <input type="text" name="form.event.location" value='<s:property value="%{form.event.location}"/>' id="inputLocation" placeholder="Location">
            </div>
        </div>
        <div class="control-group">
            <label class="control-label" for="inputStartDate">Start Time</label>
            <div class="controls">
                <div class="input-append bootstrap-timepicker-component">
                    <input type="text" class="timepicker-default input-small" name="form.event.startDate" value='<s:property value="%{form.event.startDate}"/>' id="inputStartDate" placeholder="Start Time">
                    <span class="add-on">
                        <i class="icon-time"></i>
                    </span>
                </div>
            </div>
        </div>
        <div class="control-group">
            <label class="control-label" for="inputEndDate">End Time</label>
            <div class="controls">
                <div class="input-append bootstrap-timepicker-component">
                    <input type="text" class="timepicker-default input-small" name="form.event.endDate" value='<s:property value="%{form.event.endDate}"/>' id="inputEndDate" placeholder="End Time">
                    <span class="add-on">
                        <i class="icon-time"></i>
                    </span>
                </div>
            </div>
        </div>
        <div class="control-group">
            <label class="control-label" for="inputPrice">Cost (S$)</label>
            <div class="controls">
                <input type="text" name="form.event.price" value='<s:property value="%{form.event.price}"/>' id="inputPrice" placeholder="Price">
            </div>
        </div>

        <a href="<s:url value="/event/list.do"/>?form.Event.conferenceId=<s:property value="%{form.event.conferenceId}"/>" class="btn btn-danger" ><s:text name="cancel"/></a>
        <input type="submit" value="<s:text name="save"/>" class="btn btn-success">
    </form>
    <script>
        /*$('.timepicker-default').timepicker();*/
    </script>
</div>
